<template>
  <el-tabs v-model="tabName" tab-position="left" class="demo-tabs">
    <el-tab-pane label="ConditionBuilder" name="ConditionBuilder"><ConditionBuilderDemo /></el-tab-pane>
    <el-tab-pane label="PageForm" name="PageForm"><PageFormDemo /></el-tab-pane>
    <el-tab-pane label="PageConditionForm" name="PageConditionForm"><PageConditionFormDemo /></el-tab-pane>
  </el-tabs>
</template>

<script>
import ConditionBuilderDemo from '@/demo/ConditionBuilderDemo.vue'
import PageFormDemo from '@/demo/PageFormDemo.vue'
import PageConditionFormDemo from '@/demo/PageConditionFormDemo.vue'

export default {
  name: 'Demo',
  components: {
    ConditionBuilderDemo,
    PageFormDemo,
    PageConditionFormDemo
  },
  data() {
    return {
      tabName: 'ConditionBuilder'
    }
  },

  mounted() {
  },

  methods: {
  }
}
</script>

<style lang="scss" scoped>
  
</style>